﻿@{
    ViewBag.Title = "CSSUrl";
}

@section Head{
    <link href="~/Content/CSSUrl.css" rel="stylesheet" />
}

<h2>CSS url() pseudo-function</h2>
<p>
    The div element below has an url() image applied relative to the root (e.g. url(/Content/images/Circles.png))
</p>

<div class="sample-image relative-to-root"></div>

<p>
    The div element below has an url() image applied relative to the CSS file (e.g. url(images/Circles.png))
</p>

<div class="sample-image  relative-to-css"></div>

<p>
    The div element below has an url() image applied relative to the CSS file including parent folder syntax (e.g. url(../images/Circles.png) when CSS is in a subfolder)
</p>

<div class="sample-image  relative-to-parent"></div>